<!--  -->
<template>
  <div id="Search">
    <!-- 头部 -->
    <v-header :isSelect='2'></v-header>
    <!-- 表格部分 -->
    <!-- <div class="Search-box"
         v-if="!status">
      <v-tableView :tableData='tableData'
                   v-on:listenViewStatus='viewStatus'
                   :viewIndex='viewIndex'></v-tableView>
    </div> -->
    <!-- 答题部分 -->
    <v-selectTestView></v-selectTestView>
    <!-- 尾部 -->
    <v-footer></v-footer>
  </div>
</template>

<script>
import Header from '@/components/Header.vue'
// import TableView from '@/components/TableView.vue'
import Footer from '@/components/Footer.vue'
// import util from '../api/utils.js'
import SelectTestView from '@/components/SelectTestView.vue'

export default {
  name: 'Search',
  components: {
    'v-header': Header,
    // 'v-tableView': TableView,
    'v-footer': Footer,
    'v-selectTestView': SelectTestView
  },
  data () {
    return {
      tableData: []
      // 答题和表哥之间的切换
      // status: false,
    }
  },

  computed: {},

  mounted () {
    // this.$http.Search({
    //   phone: localStorage.getItem('mobile')
    // }).then((res) => {
    //   console.log(res)
    //   for (let item of res.data.data) {
    //     item.create_time = util.formatDate(item.create_time * 1000)
    //   }
    //   this.tableData = res.data.data
    // }).catch((err) => {
    //   console.log(err)
    // })
  },

  methods: {
    // viewStatus (data) {
    //   console.log(data)
    //   this.status = data
    // }
  }
}

</script>

<style lang='less' scoped>
#Search {
  height: 100%;
  background: white;
  .Search-box {
    padding: 0 54px;
    width: 80%;
    // width: calc(100% - 108px);
    height: calc(100% - 108px);
  }
}
</style>
